<template>
  <div>
    <!-- 使用Test 组件 -->
    <Test></Test>

    <!-- 使用Test2 组件 -->
    <Test2></Test2>

    <!-- 使用Test21 组件 -->
    <Test21></Test21>

    <Test3></Test3>
  </div>
</template>

<script>
  import Test from './components/Test.vue';
  import Test2 from './components/Test2.vue';
  import Test3 from './components/Test3.vue';

  import Test21 from './components/Test21.vue';
  // 普通方式导入
  // import * as test21 from './components/Test21.vue';
  // 解构赋值方式导入
  // import {default as test21} from './components/Test21.vue';
  
  export default {
    name: 'App',
    components: {
      Test: Test,
      Test2: Test2,
      Test21: Test21,
      Test3: Test3,
    },
  }
</script>

<style>

</style>